<template>
  <div class="parent">
    <h1 class="title">父组件的标题</h1>
    <hr />
    <Child style="color: blue" class="box" a="1"></Child>
  </div>
</template>

<script lang="ts">
import { defineComponent } from "vue";

export default defineComponent({
  name: "ScopedIndex",
});
</script>
<script lang="ts" setup>
import Child from "./child.vue";
</script>

<style scoped>
.title {
  color: red;
}

.child :deep(.title) {
  color: blue;
}
</style>
